<template>
  <div>
    <!--单选按钮-->
    <input type="radio" value="male" v-model="picked">男
    <input type="radio" value="female" v-model="picked">女
    <br>
    {{ picked }}
  </div>
</template>

<script>
import { reactive, toRefs } from 'vue'

export default {
  setup () {
    const state = reactive({
      picked: '',
    })
  
    return {
      ...toRefs(state),
    }
  }
}
</script>

<style lang="scss" scoped>

</style>